<template>
    <div>
        <div style="background-color: #d9d9d9;font-size: 30px;"><span style="margin-left: 30px;">基本信息</span></div>
        <div style="margin-top: 30px;margin-bottom: 20px;margin-left: 20px;">
            <el-image
                    :src="userInfo.ima"
                    style="width: 200px;height: 200px;"></el-image>
        </div>
        <Div style="margin-bottom: 20px;margin-left: 20px;">昵称：{{userInfo.name}}</Div>
        <div style="margin-bottom: 20px;margin-left: 20px;">性别：{{userInfo.sex}}</div>
        <div style="margin-bottom: 20px;margin-left: 20px;">个人介绍：{{userInfo.myjs}}</div>
        <div style="margin-bottom: 20px;margin-left: 20px;">个人描述：{{userInfo.myms}}</div>
    </div>
</template>

<script>


    export default {
        name: "info",
        data() {
            return {
                userInfo: {},

            }
        },
        created() {
            this.$axios.get("/api/user/main/info", {headers: {TOKEN: this.token}}).then(res => {
                this.userInfo = res.data.data;
            })
        }
    }
</script>

<style scoped>

</style>